<template>
	<view class="flex-col page">

		<view class="flex-col group">
			<view class="flex-col">

				<view class="flex-col group_2">
					<view class="flex-col section_3">
						<view class="flex-col items-start text-wrapper"><text class="text_3">我的房屋信息</text></view>
						<view class="flex-col group_3">
							<view class="justify-between">
								<text class="text_4">房屋所在区域</text>
								<text
									class="text_5">{{family.provinceName}}{{family.cityName}}{{family.districtName}}</text>
							</view>
							<view class="flex-col group_5">
								<view class="justify-between">
									<text class="text_6">房屋面积（m²）</text>
									<text class="text_7">{{family.roomArea}}</text>
								</view>
								<view class="justify-between group_7">
									<text class="text_8">房屋户型</text>
									<text class="text_9">{{family.roomTypeName}}</text>
								</view>
							</view>
							<view class="justify-between group_8">
								<text class="text_10">开始时间</text>
								<text class="text_11">{{process.startTime}}</text>
							</view>
						</view>
					</view>
					<view class="flex-col section_4">
						<view class="justify-between group_9">
							<view class="flex-row">
								<image
									src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557867941336379202.png"
									class="image_1" />
								<text class="text_12">项目需求提示</text>
							</view>
							<text class="text_13" @click="go('/pages/my/process/demand')">编辑</text>
						</view>
						<text class="text_14" v-if="hint">
							{{hint}}
						</text>
						<view class="" v-else>
							<u-empty mode="data" width="200" marginTop="0%" textSize="30rpx"
								icon="http://cdn.uviewui.com/uview/empty/data.png"></u-empty>
						</view>
					</view>
					<view class="flex-col section_5">
						<view class="flex-col items-center text-wrapper_1"><text class="text_15">实际施工进度</text></view>
						<view class="justify-between group_11 view_2">
							<text class="text_17">预计总施工时间：</text>
							<text class="text_18">{{process.planTime}}</text>
						</view>
						<view class="flex-col group_11 view_3">
							<view class="flex-col">
								<view class="justify-between">
									<text class="text_19">实际总施工时间：</text>
									<text class="text_20">{{process.actualTime}}</text>
								</view>
								<view class="justify-between group_14">
									<text class="text_21">预计总工时：</text>
									<text class="text_22">{{process.planDuration}}个工作日</text>
								</view>
							</view>
							<view class="justify-between group_15">
								<text class="text_23">实际总工时：</text>
								<text class="text_24">{{process.actualDuration}}个工作日</text>
							</view>
							<view class="justify-between group_16">
								<text class="text_25">已延期：</text>
								<view class="flex-row">
									<text class="text_26">{{process.delayTime}}个工作日</text>
									<text class="text_27" v-if="process.delayTime>0"
										@click="go('/pages/my/process/reason')">查看原因</text>
								</view>
							</view>
							<view class="divider">
								<!--*-->
							</view>
							<view class="flex-col ">
								<view class="flex-row">
									<shop-project :list="process.constructionPlanList" day="actualDuration"
										endTime="actualEndTime"></shop-project>
								</view>

								<view class="flex-row equal-division_1">

								</view>
							</view>
						</view>
					</view>
					<view class="flex-col section_5">
						<view class="flex-col items-center text-wrapper_1"><text class="text_15">标准施工进度</text></view>
						<view class="flex-col group_30">
							<view class="justify-between">
								<text class="text_51">总施工时间：</text>
								<text class="text_52">{{process.planTime}}</text>
							</view>
							<view class="justify-between group_32">
								<text class="text_53">总工时：</text>
								<text class="text_54">{{process.planDuration}}个工作日</text>
							</view>
						</view>
						<view class="flex-col ">
							<shop-project :list="process.constructionPlanList"></shop-project>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				tabs: [{
						name: '施工进度',
					}, {
						name: '巡检进程',
					}

				],
				hint: '',
				family: {

				},

				process: {}
			};
		},



		created() {
			//查询是否有我的家 返回参数0无 1有  页面 1展示0不展示
			this.init();
		},

		methods: {
			async init() {
				await this.getFamily();
				await this.getHint();
				console.log(333);
			},
			getHint() {

				this.$http('lservice.hint').then(r => {
					if (r.code == 200) {
						this.hint = r.data;
						console.log(this.hint);

					}
				});
			},
			getFamily() {
				this.$http('lhouse.query').then(r => {
					if (r.code == 200) {
						this.family = r.data.project;
						// this.getProcess(this.family.projectId)
						this.getProcess(this.family.projectId)
					}
				});
			},
			getProcess(projectId) {
				this.$http('check.process', {
					projectId: projectId
				}).then(r => {
					if (r.code == 200) {
						this.process = r.data;
					}
				});
			}
		},
	};
</script>

<style scoped lang="scss">
	.section_5 {
		margin-top: 20rpx;
		padding-bottom: 32.5rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.text-wrapper_1 {
		// padding: 20rpx 0 32rpx;
		height: 88rpx;
		background-color: #1d6aff1a;
		border-radius: 16rpx 16rpx 0px 0px;
	}

	.group_11 {
		padding-left: 24rpx;
		padding-right: 22rpx;
	}

	.image_3 {
		flex-shrink: 0;
		align-self: flex-start;
		width: 24rpx;
		height: 32rpx;
	}

	.equal-division-item_2 {
		padding: 10rpx 0;
	}

	.equal-division-item_1 {
		flex: 1 1 274rpx;
		padding: 10rpx 26rpx;
		width: 274rpx;
	}

	.group_26 {
		padding: 8rpx 0;
		width: 200rpx;
		position: relative;
	}

	.equal-division-item {
		flex: 1 1 266rpx;
		padding: 3rpx 32.5rpx 10rpx;
	}

	.section_13 {
		margin-top: 16.5rpx;
		padding: 19rpx 0 12rpx;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868236300071791.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 156rpx;
	}

	.section_8 {
		background-image: linear-gradient(90deg, #9ae8fd66 0%, #9ae8fd66 1.59%, #12c1f066 90.4%, #12c1f066 100%);
		width: 200rpx;
	}

	.text-wrapper_2 {
		padding: 3rpx 0;
		background-color: #09c7f4;
		box-shadow: 0px 0px 8rpx 0px #0cc7f44d;
		border-radius: 12rpx;
		width: 44rpx;
		position: absolute;
		right: 56rpx;
		top: 0;
	}

	.section_10 {
		background-image: linear-gradient(90deg, #69e3c066 0%, #69e3c066 2.31%, #0bc89266 93.64%, #0bc89266 100%);
		width: 200rpx;
		height: 8rpx;
	}

	.text-wrapper_3 {
		padding: 3rpx 0;
		background-color: #cccccc;
		border-radius: 12rpx;
		width: 44rpx;
		position: absolute;
		left: 0;
		top: 0;
	}

	.section_9 {
		background-image: linear-gradient(90deg, #9ae8fd 0%, #9ae8fd 1.59%, #12c1f0 90.4%, #12c1f0 100%);
		width: 100rpx;
		height: 8rpx;
	}

	.text_15 {
		color: #191919;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		font-weight: 600;
		display: flex;
		align-items: center;
		height: 100%;
	}

	.text_65 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_42 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_32 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_38 {
		color: #ffffff;
		font-size: 16rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 18rpx;
	}

	.text_28 {
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_30 {
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_68 {
		margin-top: 5rpx;
	}

	.text_45 {
		margin-top: 5rpx;
	}

	.page {
		background-color: #f6f7f9ff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		flex: 1 1 auto;
		overflow-y: auto;
	}

	.section_1 {

		background-color: #ffffff;
	}

	.group_2 {
		padding: 20rpx 24rpx 27rpx;
	}

	.group_1 {
		padding: 31rpx 0 25rpx;
	}

	.section_2 {
		margin-left: 31rpx;
		align-self: flex-start;
		background-color: #1d6aff;
		border-radius: 4rpx;
		width: 50rpx;
		height: 8rpx;
	}

	.section_3 {
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.section_4 {
		margin-top: 20rpx;
		padding: 0 22rpx 38rpx 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.text_1 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_2 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text-wrapper {
		padding: 29rpx 0 35rpx;
		background-color: #ebf2ff;
		border-radius: 16rpx 16rpx 0px 0px;
	}

	.group_3 {
		padding: 30rpx 22rpx 35rpx 24rpx;
	}

	.group_9 {
		padding: 29rpx 0 34rpx;
		border-bottom: solid 1rpx #eeeeee;
	}

	.text_14 {
		margin-top: 32rpx;
		color: #666666;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 48rpx;
		text-align: left;
	}

	.view_2 {
		margin-top: 30rpx;
	}

	.view_3 {
		margin-top: 33rpx;
	}

	.group_30 {
		padding: 30rpx 22rpx 57rpx 24rpx;
	}

	.text_3 {
		margin-left: 24rpx;
		color: #1d6aff;
		font-size: 32rpx;
		font-weight: 600;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.group_5 {
		margin-top: 39rpx;
	}

	.group_8 {
		margin-top: 39rpx;
	}

	.text_13 {
		margin-top: 4rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_17 {
		margin-bottom: 6rpx;
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_18 {
		margin-top: 6rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_15 {
		margin-top: 39rpx;
	}

	.group_16 {
		margin-top: 39rpx;
	}

	.divider {
		margin-top: 41rpx;
		background-color: #eeeeee;
		border-radius: 0.5rpx;
		height: 1rpx;
	}

	.group_32 {
		margin-top: 33rpx;
	}

	.group_33 {
		margin-left: 65rpx;
		align-self: flex-start;
		width: 435rpx;
	}

	.group_35 {
		margin-left: 34rpx;
		margin-top: 16.5rpx;
		align-self: flex-start;
		width: 463rpx;
	}

	.group_36 {
		margin-top: 14.5rpx;
		height: 51rpx;
	}

	.equal-division_2 {
		margin-left: 134rpx;
		margin-top: 20.5rpx;
		align-self: flex-start;
		width: 563rpx;
	}

	.text_4 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_5 {
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_7 {
		margin-top: 33rpx;
	}

	.text_10 {
		margin-bottom: 6rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_11 {
		margin-top: 6rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_1 {
		margin-top: 12rpx;
		flex-shrink: 0;
		width: 26rpx;
		height: 16rpx;
	}

	.text_12 {
		margin-left: 12rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.group_14 {
		margin-top: 33rpx;
	}

	.text_23 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_24 {
		margin-right: 5rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_25 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_23 {
		margin-top: 4.5rpx;
	}

	.equal-division_1 {
		margin-top: 20.5rpx;
		align-self: flex-end;
	}

	.text_51 {
		margin-bottom: 6rpx;
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_52 {
		margin-top: 6rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_53 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_54 {
		margin-right: 5rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_34 {
		margin-top: 6rpx;
	}

	.section_15 {
		padding: 6rpx 0 25rpx;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868235494861150.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 156rpx;
		height: 92rpx;
	}

	.text_59 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_60 {
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.group_37 {
		margin-top: 27rpx;
	}

	.image_5 {
		margin-left: 111rpx;
		margin-top: -51rpx;
	}

	.text_6 {
		margin-bottom: 6rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_7 {
		margin-top: 6rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_8 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_9 {
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_19 {
		margin-bottom: 6rpx;
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_20 {
		margin-top: 6rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_21 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_22 {
		margin-right: 5rpx;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_26 {
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_27 {
		margin-left: 17rpx;
		color: #1c4ca8;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 30rpx;
	}

	.equal-division {
		flex: 1 1 auto;
	}

	.group_22 {
		margin: 0 -140rpx 10rpx 40rpx;
		flex-shrink: 0;
	}

	.group_24 {
		flex: 1 1 auto;
	}

	.section_12 {
		margin-right: -48rpx;
		margin-top: 35rpx;
		flex-shrink: 0;
		background-image: linear-gradient(90.7deg, #a3c3ff66 0%, #a3c3ff66 -7.71%, #1d6aff66 61.14%, #1d6aff66 100%);
		width: 152rpx;
		height: 8rpx;
	}

	.group_29 {
		margin-left: 54rpx;
	}

	.text_55 {
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_56 {
		margin-top: 5rpx;
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_57 {
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_58 {
		margin-top: 5rpx;
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.group_38 {
		padding: 8rpx 0;
		width: 102rpx;
		position: relative;
	}

	.section_18 {
		margin-left: 10rpx;
		margin-top: 16.5rpx;
		padding: 19rpx 0 12rpx;
		align-self: stretch;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868236300071791.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.section_19 {
		margin-top: 16.5rpx;
		padding: 19rpx 0 12rpx 6rpx;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868240429375879.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.group_21 {
		margin-left: 37rpx;
	}

	.image_2 {
		margin-left: 10rpx;
		width: 10rpx;
		height: 92rpx;
	}

	.text_37 {
		margin-top: 16.5rpx;
		color: #666666;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.group_25 {
		margin-top: 27rpx;
	}

	.image_4 {
		margin-left: 214rpx;
		margin-top: -51rpx;
	}

	.section_16 {
		background-image: linear-gradient(90deg, #ffc17466 0%, #ffc17466 2.31%, #ff9d2366 93.64%, #ff9d2366 100%);
		width: 200rpx;
		height: 8rpx;
	}

	.section_17 {
		background-image: linear-gradient(90.5deg, #a3c3ff66 0%, #a3c3ff66 -7.71%, #1d6aff66 61.14%, #1d6aff66 100%);
		width: 102rpx;
		height: 8rpx;
	}

	.text_67 {
		color: #f6f7f9;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_69 {
		color: #f6f7f9;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_71 {
		align-self: flex-start;
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_72 {
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.group_20 {
		padding: 0 31rpx;
		align-self: stretch;
	}

	.text_33 {
		margin-top: 41.5rpx;
	}

	.section_7 {
		margin-left: 10rpx;
		padding: 6rpx 0 25rpx;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868237689409366.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 156rpx;
	}

	.text_36 {
		margin-top: 16.5rpx;
	}

	.group_27 {
		padding: 8rpx 0;
		width: 150rpx;
		position: relative;
	}

	.text_44 {
		color: #f6f7f9;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_46 {
		color: #f6f7f9;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_48 {
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_49 {
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_64 {
		color: #ffffff;
		font-size: 16rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 18rpx;
	}

	.text_31 {
		margin-left: 8rpx;
		margin-top: 5rpx;
	}

	.text_35 {
		margin-top: 5rpx;
	}

	.section_11 {
		background-image: linear-gradient(90deg, #ffc17466 0%, #ffc17466 2.31%, #ff9d2366 93.64%, #ff9d2366 100%);
		width: 150rpx;
		height: 8rpx;
	}

	.text_41 {
		color: #ffffff;
		font-size: 16rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 18rpx;
	}
</style>
